<template xmlns="http://www.w3.org/1999/html">
  <!-- 柜台管理页面 -->
  <div style="width: 1300px;margin-left: 5px;">
    <el-card>
      <h1>柜机列表</h1>

      <el-row :gutter="20">
        <el-col :span="2">
          <el-select v-model="select" slot="prepend" placeholder="柜机状态" style="width: 100px">
            <el-option label="正常" value="1"></el-option>
            <el-option label="禁用" value="2"></el-option>
            <el-option label="已关机" value="3"></el-option>
            <el-option label="重启中" value="3"></el-option>
            <el-option label="未开通" value="3"></el-option>
          </el-select>
        </el-col>
        <el-col :span="2">
          <el-select v-model="select" slot="prepend" placeholder="箱门状态" style="width: 100px">
            <el-option label="正常" value="1"></el-option>
            <el-option label="异常" value="2"></el-option>
          </el-select>
        </el-col>
        <el-col :span="5">
          <el-input style="position: relative;border-bottom: 50px" v-model="wd"
                    placeholder="请输入搜索的关键字">
            <template #append>
              <el-button icon="Search"  @click="search()"/>
            </template>
          </el-input>
        </el-col>
        <el-col :span="5">
          <el-button type="primary" icon="Search">高级搜索</el-button>
        </el-col>
        <el-col :span="2">
          <el-button style="position: relative;top: 3px;left: 5px" type="primary" @click="router.push('/counter/add')">+添加</el-button>
        </el-col>
        <!--      <el-radio-group v-model="type" @change="loadContents()">
                <el-radio-button label="3">烘焙资讯</el-radio-button>
              </el-radio-group>-->
        <el-col :span="2">
          <el-button style="position: relative;top: 3px;right: 10px" type="info" @click="router.push('/counter/list')">+批量添加</el-button>
        </el-col>
        <el-col :span="2">
          <el-input style="position: relative;border-bottom: 50px;left: 8px" v-model="input" placeholder="5/400" />
        </el-col>
        <el-col :span="2">
          <el-radio-button label="1">上一页</el-radio-button>
        </el-col>
        <el-col :span="2">
          <el-radio-button label="1">上一页</el-radio-button>
        </el-col>
      </el-row>




      <!-- 内容列表开始 -->
      <el-table :data="contentArr">
        <el-table-column type="index" label="ID" width="90px"></el-table-column>
        <el-table-column prop="title" label="相机编码" width="110px"></el-table-column>
        <el-table-column prop="brief" label="所在地区" width="110px"></el-table-column>
        <el-table-column label="详细地址" width="110px"></el-table-column>
        <el-table-column prop="categoryName" label="设备型号" width="110px"></el-table-column>
        <el-table-column prop="viewCount" label="箱格" width="110px"></el-table-column>
        <el-table-column prop="commentCount" label="系统版本" width="110px"></el-table-column>
        <el-table-column prop="createTime" label="安装日期" width="110px"></el-table-column>
        <el-table-column prop="openTime" label="安装日期" width="110px"></el-table-column>
        <el-table-column prop="openTime" label="箱门状态" width="110px"></el-table-column>
        <el-table-column prop="openTime" label="柜机状态" width="110px"></el-table-column>
        <el-table-column label="操作" width="80px" fixed="right"><!--fixed="right"冻结最右侧一列-->
          <template #default="scope">
            <el-button type="success" @click="update(scope.row)">编辑</el-button>
            <el-button type="danger" @click="del(scope.$index,scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <!-- 内容列表结束 -->

      <!-- 分页开始    -->
      <el-row :gutter="10">
        <el-col :span="12">
          共400条
        </el-col>
        <el-col :span="8">
          <el-pagination
              background
              layout="prev, pager, next"
              :total="400">
          </el-pagination>
        </el-col>
        <el-col :span="4">
          <el-row :gutter="10">
            <el-col :span="10">
              <el-input placeholder="10条/页" style="width: 80px"></el-input>
            </el-col>
            <el-col :span="6" style="width: 100px">
              跳至
            </el-col>
            <el-col :span="4">
              <el-input style="width: 30px"></el-input>
            </el-col>
            <el-col :span="2">
              页
            </el-col>
            <el-col :span="2">
              <el-pagination layout="next">
              </el-pagination>
            </el-col>
          </el-row>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script setup>
import router from "@/router";

</script>

<style scoped>

</style>